<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="../css/login.css">
	<script src="../js/vue.js" type="text/javascript"></script>
	<script src="../js/axios.js" type="text/javascript"></script>
	<script src="../js/jquery-1.12.4.js" type="text/javascript"></script>
	<link rel="stylesheet" href="../css/index.css">
	<!-- 引入组件库 -->
	<script src="../js/index.js"></script>
	<style>
		body{
			background-image: url(../images/car.jpg);
				background-size: cover;
		}
		span{
		    color: #FF0000;
		    font-size:12px
		}
		.inputText{
		    display: inline-block;
		    width: 260px;
		    margin-right: 20px;
		}
	</style>
</head>
<body>
	<div id="app">
	<!--主体-->
		<section id="content" style="margin-top: 40px; opacity: 0.9;border-radius:15px">
	<!--头部-->
			<div class="content-header clearfix" style="border-radius:15px">
				<a @click="showLogin" id="login" class="current" style="border-top-left-radius:15px">登录</a>
				<a @click="showRegister" id="register"style="border-top-right-radius:15px">注册</a>
			</div>
	<!--内容-->
			<div class="content-body">
				<div class="dom">
					<form  v-show="isLogin">
						<div class="s1">
							<h4>账号</h4>
							<input type="text" v-model="user.userName" placeholder="请输入登录账号">
						</div>
						<div class="s1">
							<h4>密码</h4> 
							<input type="password" id="password" class="inputText"  placeholder="请输入密码" v-model="user.userPassword">
						<span id="MMerror"></span>
						</div>
			  
						<input type="button" value="登       录" id="login-btn" @click="login()" class="btn">
					</form>
		
				<!-- <div class="dom" > -->
					<form v-show="isRegister">
						<div class="s1">
							<h4>登录账号</h4>
							<input type="text" v-model="register.userNickname" placeholder="请输入6-25个字符">
						</div>

						<div class="s1">
							<h4>密码</h4>
							<input type="password" v-model="register.userPassword" placeholder="请输入登录密码">
						</div>
						<div class="s1">
							<h4>确认密码</h4>
							<input type="password" @change="comparisonPassword" v-model="rePassword" placeholder="请输入确认密码">
						</div>
						<div class="s1">
							<h4>手机号码</h4>
							<input type="text" @change="RegisterPhone" v-model="register.userPhone" placeholder="填写你的手机号码作为登录账号">
						</div>
						<div class="s1">
							<h4>邮箱</h4>
							<input type="text" v-model="register.userEmail" placeholder="请输入邮箱">
						</div>
						<template >
							<el-radio v-model="register.userType" label="出租方">出租方</el-radio>
							<el-radio v-model="register.userType" label="租方">租方</el-radio>
						</template>

						<input style="margin-top: 20px" type="button" id="register-btn" @click="clickRegister()" value="注       册" class="btn">
					</form>
	
					<!-- </div> -->
				</div>

			</div>
		</section>
	</div>
	<script src="../js/login.js" type="text/javascript">
		

	</script>
</body>
</html>
